<#include "base.ftl">
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="${base}css/bootstrap.min.css">
  <link rel="stylesheet" href="${base}css/bootstrap-datetimepicker.min.css">
  <link href="http://hovertree.com/texiao/bootstrap/4/css/city-picker.css" rel="stylesheet" />
  <link rel="stylesheet" href="${base}css/mainPc.css">
  <title>广州久龙精品酒店</title>
</head>
<body onload="checkAccount();">
  <header>
    <nav class="navlist">
      <div class="nav_left">
        <ul>
          <li><a class="logo" href="javascript:;"><img src="${base}img/logo_orange.png" height="40" alt=""></a></li>
          <li><a href="${base}indexPc.html">首页</a></li>
          <li><a href="${base}kfydPc.html">酒店预订</a></li>
          <li class="nav_list">
            <a href="javascript:;">全景图</a>
            <ul>
              <li><a href="http://720.720gz.com/al/jljpjd/kaiyang.html?star" target="_Blank">开阳</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/linjiang.html?startscene=10&startactions=lookat" target="_Blank">临江</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/longli.html" target="_Blank">龙里</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/sansui.html?startscene=19&startactions=lookat" target="_Blank">三穗</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/shiqian.html?startscene=10&startactions=lookat" target="_Blank">石阡</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/weining.html?startscene=25&startactions=lookat" target="_Blank">威宁</a></li>
              <li><a href="http://720.720gz.com/al/jljpjd/longli.html" target="_Blank">龙里</a></li>
            </ul>
          </li>
          <li><a href="${base}yhhdPc.html">优惠活动</a></li>
          <li><a class="aactive" href="${base}jtspPc.html">集团视频</a></li>
          <li><a href="${base}jdxgPc.html">酒店相关</a></li>
        </ul>
      </div>
      <div class="nav_right">
          <ul style="float: right;" id="login">
            <li><a data-toggle="modal" data-target="#myModal" href="javascript:;">登录</a></li>
    
          </ul>
        <ul  style="float: right;">
         
            <li><a href="xgxxPc" id="person" style="visibility:hidden;color:#FFFFFF" >修改个人信息</a></li>   
          </ul>
        <ul  style="float: right;">
            <a href="grzxPc" id="cart" ><span id="cart1"></span></a>           
          </ul>
        </div>
    </nav>
    <div class="shadow"></div>
  </header>

  <div class="container">
    
    <div id="myCarousel" class="carousel slide">
      <!-- 轮播底部标识,需手动添加 -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>   
      <!-- 轮播banner -->
      <div class="carousel-inner">
        <div class="item active">
          <a class="h4 banner_title_a" href="javascript:;">应有尽有：舒适无处不在</a>
          <img class="banner" src="${base}img/winter-1700.jpg" height="300" alt="First slide">
        </div>
        <div class="item">
          <a class="h4 banner_title_a" href="javascript:;">应有尽有：舒适无处不在</a>
          <img class="banner" src="${base}img/wedding-1700.jpg" height="300" alt="Second slide">
        </div>
        <div class="item">
          <a class="h4 banner_title_a" href="javascript:;">应有尽有：舒适无处不在</a>
          <img class="banner" src="${base}img/kayak-1700.jpg" height="300" alt="Third slide">
        </div>
        <div class="item">
          <a class="h4 banner_title_a" href="javascript:;">应有尽有：舒适无处不在</a>
          <img class="banner" src="${base}img/food_drink-1700.jpg" height="300" alt="Third slide">
        </div>
      </div>
      <!-- 轮播左右按钮 -->
      <a class="carousel-control left" href="#myCarousel" data-slide="prev"><i class="il"></i></a>
      <a class="carousel-control right" href="#myCarousel" data-slide="next"><i class="ir"></i></a>
    </div> 


    <ol class="breadcrumb">
      <li><a href="#">首页</a></li>
      <li><a href="#">集团视频</a></li>
      <li class="active">集团视频</li>
    </ol>

    <div class="row">


        <!--每行3个视频start-->
        <div class="row">
          <#if (detailList?size>0) >
		<#list detailList as order>  
          <div class="col-md-4">
            <ul class="list-group">
              <li class="list-group-item huise">${order.position}</li>
              <li class="list-group-item" style="overflow: hidden;">
                <div class="liststop">
                  <div><iframe class="img-responsive center-block" src='${order.http}'></iframe></div>
                  <div>
                    <div>
                      <h3 >${order.name}</h3>
                      <span class="spanaddress text-muted">${order.desc1}</span>
                    
                    </div>
                  </div>
                  <div>
                    <a href="${order.http}' frameborder=0 'allowfullscreen'" target="_blank" class="btn btn-info btn-right gksp">观看视频</a>
                  </div>
                </div>
              </li>
            </ul>
            
          </div>
         </#list>
                     </#if>
         
        </div>
        <!--每行3个视频end-->
        <!--每行3个视频start-->
        
        <!--每行3个视频end-->
        <!--每行3个视频start-->
    
   
     
       
        <!--每行3个视频end-->



    </div>


    <footer>
      <ul>
        <li>
          <div class="foottab">
            <div class="foot_tab_content">
              <ul class="list-group">
                <li class="list-group-item ftc_li">联系电话</li>
                <li class="list-group-item ftc_li">139-xxxxxxx</li>
                <li class="list-group-item ftc_li">139-xxxxxxx</li>
                <li class="list-group-item ftc_li">139-xxxxxxx</li>
                <li class="list-group-item ftc_li">139-xxxxxxx</li>
              </ul>
            </div>
          </div>
        </li>
        <li>
          <div class="foottab">
            <div class="foot_tab_content">
              <ul class="list-group">
                <li class="list-group-item ftc_li">微信二维码</li>
                <li class="list-group-item ftc_li">
                  <img src="${base}img/wx-3.png" alt="">
                </li>
             </ul>
            </div>
          </div>
        </li>
        <li>
          <div class="foottab">
            <div class="foot_tab_content">
              <ul class="list-group">
                <li class="list-group-item ftc_li">酒店加盟</li>
                <li class="list-group-item ftc_li">Dapibus ac facilisis in</li>
                <li class="list-group-item ftc_li">Morbi leo risus</li>
                <li class="list-group-item ftc_li">Porta ac consectetur ac</li>
                <li class="list-group-item ftc_li">Vestibulum at eros</li>
              </ul>
            </div>
          </div>
        </li>
      </ul>
    </footer>
  </div>
      <div id="dibubeijing">
  <div id="dibu">
    <div id="dibu_one">
    <ul>
            <li>广州久龙精品酒店</li>
              <li><span class="gl">一个席卷西南地区的酒店</span></li>
              <li><span class="gl">将超过50个县区的覆盖</span></li>
              <li><span class="gl">三星半惠而实在</span></li>
              <li><span class="gl">干净、高效、整洁</span></li>
              <li><span class="gl">在这里你都能享受到</span></li>
              <li><span class="gl"></span></li>
          </ul>
          
          <ul>
            <li>关于我们</li>
              <li><a href="javascript:;">关于久龙</a></li>
              <li><a href="javascript:;">网络信息侵权通知指引</a></li>
              <li><a href="javascript:;">隐私政策</a></li>
              <li><a href="javascript:;">服务协议</a></li>
              <li><a href="javascript:;">联系我们</a></li>
              <li><a href="javascript:;"><span class="gl">加入我们</span></a></li>
          </ul>
          
          <ul id="t3">
            <li>加盟合作</li>
              <li><a href="javascript:;">酒店加盟</a></li>
              <li><a href="javascript:;">开放平台</a></li>
              <li><a href="javascript:;">代理合作</a></li>
              <li><a href="javascript:;">广告服务</a></li>
              <li><a href="javascript:;">商家中心</a></li>
          </ul>
          
          <div class="erwei">
            <img src="${base}img/wx-3.png" width="90" height="90" />
              久龙官方微信
          </div>
          <div class="erwei">
            <img src="${base}img/wx-3.png" width="90" height="90" />
              久龙商务酒店
          </div>
      </div>

      <div id="banquan">
        <p>法律声明：本网站内容来源于久龙精品酒店。系贵州百姓喜爱的酒店品牌连锁，欢迎您的入住。Copyright   ©2016 - Now  www.jljpjd.com，All rights reserved    广州久龙精品酒店 　版权所有</p>
      </div>
  </div> 
</div>
   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div id="denglu" class="modal-content">
      <form name="dl" method="post" action="kfydPc">
        <div id="denglu_biaoti">
          <span>快速登录</span>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </button>
        </div>
        <div id="shang">
          <input type="text" id="account" name="name" placeholder="用户名/手机">
          <input type="password" id="password" name="pwd" placeholder="密码">
        </div>
    
        <div id="denglu_zc">
          <span>还没有账号？<a href="${base}zcPc.html">注册</a></span>
          <a id="wangji" href="${base}wjmm.html">忘记密码</a>
        </div>
        <div id="but">
    <a href="#" id="anniu" onclick="return gotoIndexLogin1()" class="btn btn-warning">登录</a> 
        </div>
      </form>
    </div>
  </div>
<style type="text/css">

</style>

<script src="${base}js/md5.js"></script>
  <script src="${base}js/jquery.min.js"></script>
  <script src="${base}js/bootstrap.min.js"></script>
  <script src="${base}js/bootstrap-datetimepicker.min.js"></script>
  <script src="${base}js/bootstrap-datetimepicker.fr.js"></script>
  <script src="http://hovertree.com/texiao/bootstrap/4/js/city-picker.data.js"></script>
  <script src="http://hovertree.com/texiao/bootstrap/4/js/city-picker.js"></script>
  <script src="${base}js/mainPc.js"></script>
    <script type="text/javascript">
  
//检查缓存中是否存在用户信息
function show(){
	var session=document.getElementById("show");
	alert(${order.title});
	return false;
	$.ajax({
		type:'get',
		url:'checkAccount',
		data:{},
		dataType:'json',
		success:function(data){
			try{
			var isFlag=data.isFlag;	
			var accountIsFlag=data.accountIsFlag;
		if(isFlag==0){
			return false;
		}
			document.getElementById("login").style.display="none";
		//讲后台的用户传值到目标框里
			document.getElementById("cart1").innerHTML=accountIsFlag;
			document.getElementById("cart").style="visible";
			//展示修改个人信息按钮
			document.getElementById("person").style="visible";
			
			//alert('success');
			$("#myModal").modal("hide");
			}catch(e){
				console.log(e);
			}
		},
		error:function(data){
			alert("账号或者密码不正确，请重新输入！");
			console.log(1234);
		// callpay('indexPc');
		}
	});
	}

	function gotoIndexLogin1(){
		var account=document.getElementById("account").value;
		var hash=document.getElementById("password").value;
		var password=hex_md5(hash);
	$.ajax({
		type:'post',
		url:'indexPc1',
		data:{account:account,password:password},
		dataType:'json',
		success:function(data){
			try{
				//document.getElementById("exampleInputEmail12").value=data.validateCode;
				//document.getElementById("myModal").style.display="none";
		
			var test=data.validateCode;
		
		if(test==""){
			//alert('账号或者密码不正确，请重新输入！');
			return false;
		}
			document.getElementById("login").style.display="none";
		
			document.getElementById("cart1").innerHTML=test;
			document.getElementById("cart").style="visible";
			document.getElementById("person").style="visible";
			
			//alert('success');
			$("#myModal").modal("hide");
			}catch(e){
				console.log(e);
			}
		},
		error:function(data){
			alert("账号或者密码不正确，请重新输入！");
			console.log(1234);
		// callpay('indexPc');
		}
	});
}

//检查缓存中是否存在用户信息
function checkAccount(){
	//var session=document.getElementById("cart1").innerHTML;
	$.ajax({
		type:'get',
		url:'checkAccount',
		data:{},
		dataType:'json',
		success:function(data){
			try{
			var isFlag=data.isFlag;	
			var accountIsFlag=data.accountIsFlag;
		if(isFlag==0){
			return false;
		}
			document.getElementById("login").style.display="none";
		//讲后台的用户传值到目标框里
			document.getElementById("cart1").innerHTML=accountIsFlag;
			document.getElementById("cart").style="visible";
			//展示修改个人信息按钮
			document.getElementById("person").style="visible";
			
			//alert('success');
			$("#myModal").modal("hide");
			}catch(e){
				console.log(e);
			}
		},
		error:function(data){
			alert("账号或者密码不正确，请重新输入！");
			console.log(1234);
		// callpay('indexPc');
		}
	});
	}
	
	
    </script>
</body>
</html>